<!-- <link rel="stylesheet" href="../../static/font/iconfont.css"> -->
<template>
	<view>
		<view class="nav">
			<uni-nav-bar right-icon="search" title="应用"></uni-nav-bar>
		</view>
		<view class="background">
			<!-- 考勤管理 -->
			<view class="management">
				<p>	<span class="iconfont  icon-fuzhushuxian"></span><span>考勤管理</span></p>
				<view>
					<view @click='goApplicatioLeave'>
						<view >
							<!-- <image src="" mode=""></image> -->
							<image src="../../static/images/use/考勤_请假申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view >
							请假申请
						</view>
					</view>
					<!-- <view>
						<view >
							<image src="../../static/images/use/考勤_补卡申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							补卡申请
						</view>
					</view> -->
					<view @click="goAplicationField">
						<view>
							<image src="../../static/images/use/考勤_外勤申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							外勤申请
						</view>
					</view>
					<!-- <view>
						<view>
							<image src="../../static/images/use/考勤_加班申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							加班申请
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/考勤_出差申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							出差申请
						</view>
					</view> -->
				</view>
				
			</view>
			<!-- 人力资源管理 -->
			<view class="management">
				<p>	<span class="iconfont  icon-fuzhushuxian"></span><span>人力资源管理</span></p>
				<view>
					<!-- <view>
						<view >
							<image src="../../static/images/use/人力资源_入职申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view >
							入职申请
						</view>
					</view> -->
				<!-- 	<view>
						<view>
							<image src="../../static/images/use/人力资源_转正申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							转正申请
						</view>
					</view> -->
					<view @click="goAalaryIncrease">
						<view>
							<image src="../../static/images/use/人力资源_调薪申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							调薪申请
						</view>
					</view>
					<view @click="goTransferApplication">
						<view>
							<image src="../../static/images/use/人力资源_转岗申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							转岗申请
						</view>
					</view>
					<!-- <view>
						<view>
							<image src="../../static/images/use/人力资源_离职申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							离职申请
						</view>
					</view> -->
				</view>
			</view>
			<!-- 工作汇报 -->
			<!-- <view class="management">
				<p>	<span class="iconfont  icon-fuzhushuxian"></span><span>工作汇报</span></p>
				<view>
					<view>
						<view >
							<image src="../../static/images/use/工作_日报.png" alt="" mode="aspectFit"></image>
						</view>
						<view >
							日报
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/工作_周报.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							周报
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/工作_月报.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							月报
						</view>
					</view>
				</view>
			</view> -->
			<!-- 行政管理 -->
			<view class="management">
				<p>	<span class="iconfont  icon-fuzhushuxian"></span><span>行政管理</span></p>
				<view>
					<view @click="goMeetingLaunch">
						<view >
							<image src="../../static/images/use/行政_会议室申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view >
							会议室申请
						</view>
					</view>
					<!-- <view>
						<view>
							<image src="../../static/images/use/行政_物品领用.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							物品领用
						</view>
					</view> -->
					<!-- <view>
						<view>
							<image src="../../static/images/use/行政_机票预订.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							机票预订
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/行政_酒店预订.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							酒店预订
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/行政_采购申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							采购申请
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/行政_资产报销.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							资产报销
						</view>
					</view>
					<view>
						<view>
							<image src="../../static/images/use/行政_用车申请.png" alt="" mode="aspectFit"></image>
						</view>
						<view>
							用车申请
						</view>
					</view> -->
				</view>
			</view>
			<!-- 财务管理 -->
			<!-- <view class="management">
					<p>	<span class="iconfont  icon-fuzhushuxian"></span><span>财务管理</span></p>
					<view>
						<view>
							<view >
								<image src="../../static/images/use/财务_出差报销.png" alt="" mode="aspectFit"></image>
							</view>
							<view >
								出差报销
							</view>
						</view>
						<view>
							<view>
								<image src="../../static/images/use/财务_现金支借.png" alt="" mode="aspectFit"></image>
							</view>
							<view>
								现金支借
							</view>
						</view>
						<view>
							<view>
								<image src="../../static/images/use/财务_付款申请.png" alt="" mode="aspectFit"></image>
							</view>
							<view>
								付款申请
							</view>
						</view>
						<view>
							<view>
								<image src="../../static/images/use/财务_开票申请.png" alt="" mode="aspectFit"></image>
							</view>
							<view>
								开票申请
							</view>
						</view>
						<view>
							<view>
								<image src="../../static/images/use/财务_用印申请.png" alt="" mode="aspectFit"></image>
							</view>
							<view>
								用印申请
							</view>
						</view>
						<view>
							<view>
								<image src="../../static/images/use/财务_室内交通报销.png" alt="" mode="aspectFit"></image>
							</view>
							<view>
								室内交通报销
							</view>
						</view>
					
					</view>
				</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转请假申请
			goApplicatioLeave:()=>{
				uni.navigateTo({
					url:'../application_leave/application_leave'
				})
			},
			// 跳转外勤申请
			goAplicationField:()=>{
				uni.navigateTo({
					url:'../application_field/application_field'
				})
			},
			// 跳转调薪申请
			goAalaryIncrease:()=>{
				uni.navigateTo({
					url:'../salary_increase/salary_increase'
				})
			},
			// 跳转转岗申请
			goTransferApplication:()=>{
				uni.navigateTo({
					url:'../transfer_application/transfer_application'
				})
			},
			// 跳转会议室申请meeting_launch
			goMeetingLaunch:()=>{
				uni.navigateTo({
					url:'../meeting_launch/meeting_launch'
				})
			},
		}
	}
</script>

<style lang="scss">
@import '@/static/font/iconfont.css';
.background{
	background-color: #F2F2F2;
	padding-top:1px;
	>view{
	background-color: white;
	padding:24rpx 24rpx;
	margin-top:24rpx;
	}
}
.nav{
	.uniui-search{
		color:#2D8CF0 !important;
	}
	// margin-bottom: 24rpx;
}
.icon-fuzhushuxian{
	color: #488CEE !important;
}
.management{
	font-size: 28rpx;
	>p{margin-bottom: 24rpx;
	}
	>view{
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #F2F2F2;
		>view{
			width:175.5rpx ;
			text-align: center;
			margin-top: 24rpx;
		}
		image{
			height: 84rpx;
			width: 84rpx;
		}
	}
}

</style>
